<template>
<a-modal
    v-model="show"
    :centered="true"
    :keyboard="false"
    :footer="null"
    :width="750"
    @cancel="handleCancleClick"
    title="详细信息">
     <!-- 详情表单区域 -->
      <!-- <fm-generate-antd-form
      :data="jsonData"
      :value="editData"
      ref="generateForm"
    >
    </fm-generate-antd-form> -->
     <!-- 详情表单区域 -->
</a-modal>
</template>
<script>
export default {
  name: 'Info',
  props: {
    InfoVisiable: {
      require: true,
      default: false
    },
    InfoData: {
      require: true
    }
  },
  data () {
    return {
      // 详情表单数据区域
      // jsonData: {'list': [{'type': 'input', 'icon': 'icon-input', 'options': {'width': '100%', 'defaultValue': '', 'required': false, 'dataType': 'string', 'pattern': '', 'placeholder': '', 'customClass': '', 'disabled': true, 'labelWidth': 180, 'isLabelWidth': false, 'hidden': false, 'dataBind': true, 'showPassword': false, 'remoteFunc': 'func_1587710321009', 'remoteOption': 'option_1587710321009'}, 'name': '集团商户代码', 'key': '1587710321009', 'model': 'id', 'rules': [{'type': 'string', 'message': '格式不正确'}]}, {'type': 'input', 'icon': 'icon-input', 'options': {'width': '100%', 'defaultValue': '', 'required': false, 'dataType': 'string', 'pattern': '', 'placeholder': '', 'customClass': '', 'disabled': true, 'labelWidth': 180, 'isLabelWidth': false, 'hidden': false, 'dataBind': true, 'showPassword': false, 'remoteFunc': 'func_1587710322748', 'remoteOption': 'option_1587710322748'}, 'name': '集团商户名称', 'key': '1587710322748', 'model': 'name', 'rules': []}, {'type': 'input', 'icon': 'icon-input', 'options': {'width': '100%', 'defaultValue': '', 'required': false, 'dataType': 'string', 'pattern': '', 'placeholder': '', 'customClass': '', 'disabled': true, 'labelWidth': 180, 'isLabelWidth': false, 'hidden': false, 'dataBind': true, 'showPassword': false, 'remoteFunc': 'func_1587710323929', 'remoteOption': 'option_1587710323929'}, 'name': '是否集中收款', 'key': '1587710323929', 'model': 'isfocuscoll', 'rules': []}, {'type': 'input', 'icon': 'icon-input', 'options': {'width': '100%', 'defaultValue': '', 'required': false, 'dataType': 'string', 'pattern': '', 'placeholder': '', 'customClass': '', 'disabled': true, 'labelWidth': 180, 'isLabelWidth': false, 'hidden': false, 'dataBind': true, 'showPassword': false, 'remoteFunc': 'func_1587710325057', 'remoteOption': 'option_1587710325057'}, 'name': '法人行', 'key': '1587710325057', 'model': 'bank', 'rules': []}, {'type': 'input', 'icon': 'icon-input', 'options': {'width': '100%', 'defaultValue': '', 'required': false, 'dataType': 'string', 'pattern': '', 'placeholder': '', 'customClass': '', 'disabled': true, 'labelWidth': 180, 'isLabelWidth': false, 'hidden': false, 'dataBind': true, 'showPassword': false, 'remoteFunc': 'func_1587710326232', 'remoteOption': 'option_1587710326232'}, 'name': '状态', 'key': '1587710326232', 'model': 'status', 'rules': []}], 'config': {'labelWidth': 60, 'labelPosition': 'right', 'size': 'medium', 'customClass': '', 'ui': 'antd', 'layout': 'horizontal', 'labelCol': 6, 'width': '100%'}},
      // editData: {}
      // 详情表单数据区域

    }
  },
  computed: {
    show: {
      get: function () {
        if (this.InfoVisiable) {
          this.init()
        }
        return this.InfoVisiable
      },
      set: function () {
      }
    }
  },
  methods: {
    // 初始化方法自动将infodata赋值给详情表单默认值
    init () {
      Object.assign(this.editData, this.InfoData)
    },
    handleCancleClick () {
      this.$emit('close')
    }
  }
}
</script>
